<?php include_once"header.php" ?>
        <div class="tm-about-img-container">
            
        </div>
        <section class="tm-section">
            <div class="container-fluid">
                <div class="row tm-2-rows-sm-swap">
                    
                <div class="row tm-margin-t-mid">
                    <div class="col-xs-12">
                        <h3 class="tm-gold-text">Pellentesque fermentum mauris</h3>
                        <p>Vivamus accumsan blandit ligula. Sed lobortis efficitur sapien</p>
                        <p>Nulla ultrices nibh ac accumsan lobortis. Nulla facilisi. Praesent velit ante, congue ac dignissim in, vehicula sit amet urna. Fusce in dapibus quam, eget finibus velit. Nullam erat odio, vulputate id est ut, consequat rutrum justo. Vivamus vel leo vel nunc tincidunt mattis. Sed neque diam, semper suscipit dictum a, sodales ac metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel pharetra massa, non iaculis tortor. Nulla porttitor tincidunt felis et feugiat. Vivamus fermentum ligula justo, sit amet blandit nisl volutpat id.</p>
                    </div>
                </div>

                <div class="row tm-margin-t-mid" id='list'>
                    
                </div>

            </div>
        </section>
        
<?php include_once"footer.php" ?>

<script type="text/javascript">
  $(function(){

    $.ajax({
      url:'api/search.php',
      type:'get',
      dataType:'json',
      data:{action:'about_blog',limit:4},
      success:function(data){
        console.log(data);
        var dt = data.data;
        var str = '';
        $.each(dt,function(k,v){
          str +='<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 col-xl-3">'
          str +='    <div class="tm-content-box">'
          str +='      <img src="uploads/'+ v['art_img'] +'" alt="Image" class="tm-margin-b-20 img-fluid">'
          str +='      <h4 class="tm-margin-b-20 tm-gold-text">' + v['art_title'] + '</h4>'
          str +='      <p class="tm-margin-b-20">' + v['art_desc'] + '</p>'
          str +='      <a href="blog.php?id='+ v['art_id'] +'" class="tm-btn text-uppercase">Read More</a>'
          str +='    </div>'
          str +='  </div>' 
        });
        $('#list').empty().append(str);
      }
    })

  })
  
</script>